<template>
  <div>
    <div class="alltitle">
      <div class="title-box">设备状态</div>
    </div>
    <div class="fkjl device-state-bg" style="padding-top: 20px">
      <div class="flex center1 mb5 qqxs-row">
        <div class="center font18 color-font5" style="width: 33.3%">设备类型</div>
        <div class="center font18 color-font5" style="width: 33.3%">设备总数</div>
        <div class="center font18 color-font5" style="width: 33.3%">设备在线数</div>
      </div>
      .
      <div class="flex center1 qqxs-line-height">
        <div class="center font18 color-font5" style="width: 33.3%">语音报警设备</div>
        <div class="center font18 color-font5" style="width: 33.3%">13</div>
        <div class="center font18 color-font5" style="width: 33.3%">2</div>
      </div>
      <div class="flex center1 qqxs-line">
        <div class="center font18 color-font5" style="width: 33.3%">烟雾报警设备</div>
        <div class="center font18 color-font5" style="width: 33.3%">20</div>
        <div class="center font18 color-font5" style="width: 33.3%">14</div>
      </div>
      <div class="flex center1 qqxs-line-height">
        <div class="center font18 color-font5" style="width: 33.3%">雷达报警设备</div>
        <div class="center font18 color-font5" style="width: 33.3%">2</div>
        <div class="center font18 color-font5" style="width: 33.3%">0</div>
      </div>
      <div class="flex center1 qqxs-line">
        <div class="center font18 color-font5" style="width: 33.3%">声音报警设备</div>
        <div class="center font18 color-font5" style="width: 33.3%">8</div>
        <div class="center font18 color-font5" style="width: 33.3%">0</div>
      </div>
    </div>
  </div>
</template>

<script></script>

<style scoped></style>
